import React, {Component} from 'react'
import {Dimensions, StyleSheet, Text, View} from 'react-native'
import ActionSheet from 'react-native-actionsheet'
import NavBar, {NavButton, NavTitle} from 'react-native-nav'
import {Tabs} from "@ant-design/react-native";
import Entypo from 'react-native-vector-icons/Entypo';
const {height, width} = Dimensions.get('window');
export default class Find extends Component {
    render() {
        return (
            <View>
                <NavBar style={styles} statusBar={{backgroundColor: 'rgba(0, 0, 0, 0)'}}>
                    <NavTitle style={styles.title}>
                        {"发现"}

                    </NavTitle>
                </NavBar>

                <View style={{height:100}}>
                   <Tabs tabs={[{ title: '同行' },{title: '话题' },{title: '主题' }]} initialPage={0} tabBarPosition="top">
                       <View>
                           <Text>111111</Text>
                           <Text>111111</Text>
                           <Text>111111</Text>
                           <Text>111111</Text>
                       </View>

                   </Tabs>
               </View>
                <View style={{b}}>
                    <Entypo name="edit" size={30} color="#3396fb"/>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    statusBar: {
        backgroundColor: '#fff',
    },
    navBar: {
        backgroundColor: '#fff',
        height: height * 0.081939799,
    },
    title: {
        flex: 1,
        textAlign: 'center',
        color: '#rgba(0, 0, 0, 0.65)',
    },
    buttonText: {
        color: '#rgba(0, 0, 0, 0.45)',
    },
})
